<!DOCTYPE html>
<html ng-app="nlSortApp">
<head>
    <title>Entities</title>
    <script src="/static/angular.js" type="text/javascript"></script>
    <script src="/static/ui-bootstrap-tpls-0.9.0.js" type="text/javascript"></script>
    <script src="/static/index_controller.js" type="text/javascript"></script>
    <link href="/static/bootstrap.min.css" rel="stylesheet"/>
</head>
<body ng-controller="IndexController">
<h2>Entity Display</h2>

<div>
    <h3>Angular Way</h3>
    <ul>
        <li ng-repeat="entity in entities | orderBy:'natural_name'">
            <button ng-click="open(entity)">{{ entity.name }}</button> {{ entity.natural_name }}
        </li>
    </ul>
</div>
<br>

<div>
    <h2>Enter new Entity</h2>

    <form novalidate class="simple-form">
        Name: <input ng-model="entity.name" type="text"><br>
        <button ng-click="add(entity)">Add</button>
    </form>
</div>

</body>
</html>